import React from 'react'
import Home from './Home'

/**
 * 名称：入口
 * 创建人：袁泉
 * 创建时间：2021年07月19日15:52:06
 */
export default class App extends React.Component {
    state = {
        code: 'editor',
        theme: window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
    }

    componentDidMount() {
        // 进入插件
        window.utools.onPluginEnter(({code, type, payload}) => {
            this.setState({code})
        })
        // 退出插件
        window.utools.onPluginOut(() => {
            // alert('out '+this.state.code)
            // this.setState({code: ''})
        })
        // 主题切换
        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
            this.setState({theme: e.matches ? 'dark' : 'light'})
        })
    }

    render() {
        const {code, theme} = this.state
        if (code === 'editor') return <Home/>
        // if (code === 'random') return <ThemeProvider theme={themeDic[theme]}><Random /></ThemeProvider>
        return false
    }
}
